<#setting classic_compatible=true>
	<#assign base=rc.contextPath />
<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8">
	    <meta name="renderer" content="webkit">
	    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
		<meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	    <meta name="format-detection" content="telephone=no"/>
	    <meta name="author" content="艾易网络科技有限公司-艾易设计-http://www.aiyiweb.net">
	    <meta name="description" content="网页描述文字">
	    <meta name="keywords" content="关键词,关键词">
	    <title>ZanYi</title>
	    <link rel="stylesheet" href="${base}/static/css/page.min.css" />
	    <script type="text/javascript" src="${base}/static/js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript">
			function doLogout(){
			    window.location.href="${rc.contextPath}/logout"
			}
		</script>
		<style type="text/css">
			.alert {
				display: none;
				position: fixed;
				top: 50%;
				left: 50%;
				min-width: 300px;
				max-width: 600px;
				transform: translate(-50%,-50%);
				z-index: 99999;
				text-align: center;
				padding: 15px;
				border-radius: 3px;
			}

			.alert-success {
				color: #3c763d;
				background-color: #dff0d8;
				border-color: #d6e9c6;
			}

			.alert-info {
				color: #31708f;
				background-color: #d9edf7;
				border-color: #bce8f1;
			}

			.alert-warning {
				color: #8a6d3b;
				background-color: #fcf8e3;
				border-color: #faebcc;
			}

			.alert-danger {
				color: #a94442;
				background-color: #f2dede;
				border-color: #ebccd1;
			}
		</style>
	</head>
	<body>
		<header>
			<h6>房屋详细信息</h6>
			<div class="img-box">
				<img src="${base}/static/image/nameb.png" alt="汪清县物业维修资金查询系统"  style="height: auto;width: 650px">
			</div>
			<div class="return" onclick="javascript:doLogout()">
				<img src="${base}/static/image/return.png" alt="退出">
				<p>退出</p>
			</div>
		</header>
		<div class="success-container">
			<div class="content">
				<ul class="tab">
					<li class="active">
						<a href="#">房屋详细信息</a>
					</li>
					<!--<li>-->
						<!--<a href="record.html">维修记录</a>-->
					<!--</li>-->
				</ul>
				<div class="clearfix"></div>
				<div class="text">
					<table>
						<thead>
							<tr>

								<td>房屋ID</td>
								<td>小区名称</td>
								<td>栋</td>
								<td>单元</td>
								<td>户</td>
								<td>面积</td>
								<td>电话</td>
								<td>余额</td>
								<td>利息合计</td>
								<td>操作</td>
							</tr>
						</thead>
						<tbody>
						<#if page.list?? && (page.list?size>0) >
							<#list page.list as houseDoor>
							<tr id="trid" dataid="">
								<td>
									<a href="javascript:doHouseDetail('${houseDoor.houseId}')">
										${houseDoor.houseId}
									</a>
								</td>
								<td>
									<a href="javascript:doHouseDetail('${houseDoor.houseId}')">
										${houseDoor.areaName}
									</a>
								</td>
								<td>
									<a href="javascript:doHouseDetail('${houseDoor.houseId}')">
										${houseDoor.groupId}
									</a>
								</td>
								<td>
									<a href="javascript:doHouseDetail('${houseDoor.houseId}')">
										${houseDoor.unitId}
									</a>
								</td>
								<td>
									<a href="javascript:doHouseDetail('${houseDoor.houseId}')">
										${houseDoor.doorId}
									</a>
								</td>
								<td>
									<a href="javascript:doHouseDetail('${houseDoor.houseId}')">
										${houseDoor.space!"-"}
									</a>
								</td>
								<td>
									<a href="javascript:doHouseDetail('${houseDoor.houseId}')">
										${houseDoor.tel!"-"}
									</a>
								</td>
								<td>
									<a href="javascript:doHouseDetail('${houseDoor.houseId}')">
										${houseDoor.balance}
									</a>
								</td>	
								<td>
									<a href="javascript:doHouseDetail('${houseDoor.houseId}')">
										${houseDoor.rateTotal}
									</a>
								</td>
								<td class="link">
									<button type="button" id="${houseDoor.houseId}" class="bx">报修</button>
									<button type="button" onclick="doHouseRepairList('${houseDoor.houseId}')">维修记录</button>
								</td>
							</tr>
							</#list>
						<#else>
								<tr>
									<td colspan="10">
										无数据!
									</td>
								</tr>
						</#if>
						</tbody>
					</table>
				</div>
			</div>
			<div class="success-btn">
				<ul>
					<#if (!page.isFirstPage&&page.size>0) >
					<li><a href="javascript:queryAll(${page.prePage});">上一页</a></li>
				</#if>

				<#if (!page.isLastPage&&page.size>0) >
					<li><a href="javascript:queryAll(${page.nextPage});">下一页</a></li>
				</#if>
					</ul>
			</div>
		</div>
		<div class="fade-form">
			<div class="form-box">
				<h6>立即报修</h6>
				<img src="${base}/static/image/cha.png" alt="关闭" class="close">
				<form action="" method="post" class="form" id="form">
					<input type="hidden" value="" id="houseId">
					<div class="tel-box">
						<input type="num" placeholder="电话号码：" id="tel" name="tel">
					</div>
					<div class="select-box">
						<input type="text" placeholder="请选择：" data-id="" name="check"  readonly id="check">
						<img src="${base}/static/image/list.png" alt="下拉按钮">
						<ul class="select-list">
							<#list projectList as projectInfo>
								<li data-id="${projectInfo.infoId}">${projectInfo.infoRemark}</li>
							</#list>
						</ul>
					</div>
					<div>
						<textarea placeholder="内容:" id="remark"></textarea>
					</div>
					<input type="submit" value="提交维修信息" id="submit">
				</form>
				<!--<div class="submit-success">-->
					<!--<div class="img-box">-->
						<!--<img src="${base}/image/success.png">-->
					<!--</div>-->
					<!--<p>提交成功</p>-->
				<!--</div>-->
				<div class="alert"></div>
			</div>
		</div>
		<script src="${base}/static/js/jquery.validate.js"></script>
		<script src="${base}/static/js/main.js"></script>
		<script type="text/javascript">
			function queryAll(pageNum){
				document.location.href="${rc.contextPath}/get_house_by_paperscode?page_num="+pageNum
			}

			function doHouseDetail(houseId){
				window.location.href="${rc.contextPath}/get_house_detail_by_id?houseId="+houseId
			}

			function doHouseRepairList(houseId){
				window.location.href="${rc.contextPath}/get_house_repairlog_list_by_id?page_num=1&houseId="+houseId
			}
		</script>
	</body>
</html>
